<template>
  <div>
    <!-- 插值表达式: 插值, 表达式 -->
    <!-- 什么是表达式? 有结果的式子 -->
    <h1>{{ msg }}</h1>
    <h2>姓名: {{ obj.name }}</h2>
    <h3>{{ obj.age >18?'成年可进' : '未成年不可进' }}</h3>
  </div>
</template>

<script>
// 向外导出一个对象,Vue组件实例
export default {
  // 第一个核心成员:data是一个函数
  data () {
    // 返回一个对象
    // 对象的属性就是Vue的数据变量
    return {
      msg: '你好 Vue!',
      obj: {
        name: 'wcd',
        age: 12,
      }
    }
  }
}
</script>

<style lang="scss" scoped>

</style>